<style>
    *, :after, :before{
        box-sizing: border-box;
    }
    html,body{
        margin:0;
        padding: 0;
    }
    body{
        font-family: monospace,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,SimSun,sans-serif;
        background: url('/public/images/bg.png');
    }
    .form{
        width: 460px;
        height: 340px;
        position: absolute;
        top:50%;
        left: 50%;
        margin-top:-140px;
        margin-left:-230px;
        background: #fff;
        box-shadow: 2px solid rgba(0,0,0,0.5);
        border-radius: 5px;
    }
    .form .title{
        font-weight:normal;
        color: #32a1ff;
        text-align: center;
        font-size: 34px;
        position: absolute;
        top: -80px;
        width: 100%;
        line-height: 40px;
    }
    .form .form-wrap{
        margin-top: 60px;
    }
    .form .form-item{
        width: 320px;
        margin: 0 auto;
        margin-top: 40px;
    }
    .form .form-item input{
        width: 100%;
        border:none;
        border-bottom: 1px solid #eee;
        height: 40px;
        color: #333;
        font-size: 14px;
        font-weight: normal;
        outline: none;
        letter-spacing: 2px;
    }
    .form .form-item .button{
        width: 100%;
        height: 50px;
        line-height: 50px;
        background: #32a1ff;
        color: #fff;
        text-align: center;
        font-size: 20px;
        border: none;
        border-radius: 2px;
        /*margin-top: 20px;*/
        cursor: pointer;
    }
</style>

<div class="form">
    <div class="form-wrap">
        <div class="form-item" style="font-size: 24px">
            信息提示:
        </div>
        <div class="form-item" style="margin-top: 20px;line-height: 30px">
            您在<b>"{{roomInfo.room_name}}"</b>考场,<br/>
            考试时间为{{roomInfo.room_start_time}}~{{roomInfo.room_end_time}} <br/>
            {{message}},还差<b style="color: red;font-size: 22px">{{timelimit}}</b>分钟进行考试
        </div>
        <div class="form-item">
            <button type="button" id="loginBtn" class="button"><span>退 出</span></button>
        </div>
    </div>
</div>

<script>

    (function(){
        document.getElementById('loginBtn').onclick = function(e){
            e.preventDefault();
            window.location.href = '/logout';
        }
    })();

    setInterval(function () {
        window.location.reload();
    },30000)
</script>